<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <!--label标签为input元素定义标注，用于绑定一个表单元素，当点击label标签内文本时
    浏览器就会自动将焦点转到或者选择对应的表单元素，用来增加用户体验 -->
<label for="text">用户名：</label><input type="text" id="text"><br>
<!-- label标签中的for属性应当与相关元素的id属性相同 -->
<input type="radio" name="sex" id="nan"><label for="nan">男</label>
<input type="radio" name="sex" id="nv"><label for="nv" >女</label>

</body>
</html>